<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!--设置页面基础路径 ：上下文路径+/
        /logistics/
        以后也没按的所有的请求跳转都不要手动加上最前面的斜杠，自动根据上下文路径进行跳转
        服务器根路径/logistics/admin/insert
    -->
    <base th:href="${#request.getContextPath()}+'/'">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/css/H-ui.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/H-ui.admin.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/skin/default/skin.css}" id="skin"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/style.css}"/>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" method="post" th:action="@{{path}(path=${customer eq null ? 'customer/insert' : 'customer/update'})} "  id="adminForm">
        <input name="customerId" type="hidden" th:value="${customer?.customerId}">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${customer?.customerName}" placeholder="请输入客户名称" id="customerName" name="customerName">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户性别：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input name="type" type="radio" id="sex-1" value="menu" th:checked="${customer?.gender eq 1} ? true : false">
                    <label for="sex-1">男</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="sex-2" value="permission" name="type"  th:checked="${customer?.gender eq 2} ? true : false">
                    <label for="sex-2">女</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户手机：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${customer?.phone}" placeholder="请输入客户手机" id="phone" name="phone">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户邮箱：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${customer?.email}" placeholder="请输入客户邮箱" id="email" name="email">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户身份证：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${customer?.idCard}" placeholder="请输入身份证号" id="idCard" name="idCard">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户地址：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${customer?.address}" placeholder="请输入客户地址" id="address" name="address">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">客戶描述：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea th:placeholder="请输入客户描述" name="remark" th:text="${customer?.remark}" class="textarea"> </textarea>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">业务员：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span   class="select-box"  style="width:150px;">
                    <select class="select"  name="adminId" size="1">
                        <option value="">请选择</option>

                        <!--循环父客户-->
                        <!--修改回显：当前客户的parentId和循环的pemrissionId比较，相等说明之前的父全是多少，选中即可-->
                       <option th:selected="${admin.adminId eq  customer?.adminId } ? true : false" th:each="admin : ${admins}" th:value="${admin.adminId}" th:text="${admin.realname}"></option>
                    </select>

			</span>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">客户区间：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span   class="select-box"  style="width:150px;">
                    <select class="select"  name="baseId" size="1">
                        <option value="">请选择</option>

                       <option th:selected="${region.baseId eq  customer?.baseId } ? true : false" th:each="region : ${regions}" th:value="${region.baseId}" th:text="${region.baseName}"></option>
                    </select>

			</span>
            </div>
        </div>

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" th:src="@{lib/jquery-1.11.3/jquery.js}"></script>
<script type="text/javascript" th:src="@{lib/layer/2.4/layer.js}"></script>
<script type="text/javascript" th:src="@{h-ui/js/H-ui.min.js}"></script>
<script type="text/javascript" th:src="@{h-ui.admin/js/H-ui.admin.js}"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/validate-methods.js}"></script>
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/messages_zh.js}"></script>
<script type="text/javascript">
    $(function(){
        /*使用Jquery.validate进行表单校验*/
        $("#adminForm").validate({
            /*校验规则*/
            rules:{
                pname:{
                    required:true,
                },
                expression:{
                    required:true,
                }

            },
            /*校验失败的提示消息*/
            messages:{
                pname:{
                    required:"客户名称不能为空",
                },
                expression: {
                    required: "客户表达式不能为空"
                }
            },
            /*校验成功以后出发的函数
            * form ：当前表单（DOM对象）
            * */
            submitHandler:function(form){

                //异步提交表单
                $(form).ajaxSubmit({
                    success:function(data){

                        layer.msg(data.msg,{icon:data.code},function(){

                            //操作数据成功
                            if(data.code == 1){
                                //先刷新父页面表格（当前页面是adminManager页面弹出来的子页面，所以刷新父页面）
                                parent.refreshTable();
                                //父页面adminManager关闭弹出子页面
                                parent.layer.closeAll();
                            }

                        });

                    }
                });

            }
        })



    })
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
